<template>
	<view class="content">
		<view class="top">
			<image :src="data.src"></image>
			<view class="coupe-info">

			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		reactive
	} from "vue";

	const data = reactive({
		src: ''
	})
	onLoad((option) => {
		const res = JSON.parse(decodeURIComponent(option.key))
		console.log(res)
		data.src = res.src
	})
</script>

<style scoped lang="scss">
	.content {
		padding: 10rpx;
		background-color: #fdf4ed;
		height: calc(100vh);

		.top {
			width: 100%;
			height: 300rpx;
			background-color: #fff;
			border-radius: 15rpx;

			.coupe-info {
				width: 100%;
				height: 200rpx;
				background-color: #fff;
			}


			image {
				width: 100%;
				height: 300rpx;
				border-radius: 15rpx;
			}
		}
	}
</style>
